@import './variable.less';
.product-list{
  background-color: #fff;
  .title{
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .pagination-box{
    margin-top: 20px;
    text-align: center;

    .el-pager li{
      &.active{
        color: @theme;
      }
      &:hover{
        color: @theme;
      }
    }

    .el-input__inner:hover{
      border-color: @theme;
    }

    button:hover{
      color: @theme;
    }
    
  }

  .img-box{
    width: 40px;
    height: 40px;
    background-color: #ddd;
    margin: 0 auto;
  }

  .search{
    background-color: @theme;
    border-color: @theme;
    &:hover{
      opacity: 0.8;
    }
  }

  .post{
    margin-bottom: 10px;
    >button{
      background-color: @theme;
      border-color: @theme;
      &:hover{
        opacity: 0.8;
      }
    }
  }

  .el-dialog{
    border-radius: 6px;
    label.el-form-item__label{
      color: #aaa;
    }
  }

}

